.data-show-box{
    border: 1px dotted #ccc;
    margin: 10px;
}
.placeholder{
  position: relative !important;
  background-color: transparent !important;
}
.scroll-box {
  overflow-y: scroll;
}
.scroll-box::-webkit-scrollbar {
  /*隐藏滚轮*/
  display: none;
}
/* flex布局 */
.flex-row-around{display: flex;flex-flow: row nowrap;justify-content: space-around;align-items: center;}
.flex-row-between{display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: center;}
.flex-row-start{display: flex;flex-flow: row nowrap;justify-content: flex-start;align-items: center;}
.flex-row-end{display: flex;flex-flow: row nowrap;justify-content: flex-end;align-items: center;}
.flex-row-center{display: flex;flex-flow: row nowrap;justify-content: center;align-items: center;}
.flex-col-around{display: flex;flex-flow: column nowrap;justify-content: space-around;align-items: center;}
.flex-col-between{display: flex;flex-flow: column nowrap;justify-content: space-between;align-items: center;}
.flex-col-start{display: flex;flex-flow: column nowrap;justify-content: flex-start;align-items: center;}
.flex-col-end{display: flex;flex-flow: column nowrap;justify-content: flex-end;align-items: center;}
.flex-col-center{display: flex;flex-flow: column nowrap;justify-content: center;align-items: center;}
.flex-grow{flex-grow: 1;height: 100%;}
.h100{height: 100%;}
.w100{width: 100%;}
.hw100{height: 100%;width: 100%;}

.main-box{
  min-height: 100%;
  width: 100%;
}
.text-over{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-over2{
  overflow: hidden;
  display: -webkit-box;
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  -webkit-box-orient:vertical;
}
.no-border-textarea{
  width: 100%;
  border: none;
  resize: none;
}
.no-border-input{
  width: 100%;
  border: none;
}
